<template>
  <div class="">
    <h1>{{ fruitset }}</h1>
  </div>
</template>

<script lang="ts" setup>
const fruitset = new Set()
fruitset.add('apple')
console.log(fruitset)

const userMetadata = new Map()
userMetadata.set('id', 1001) // 字符串键
const keyObj = { name: 'ref' }
userMetadata.set(keyObj, 'VIP用户') // 对象键
console.log(userMetadata, '000')

// 2. 存储对象（不同引用视为不同值）
const objSet = new Set()
const obj1 = { id: 1 }
const obj2 = { id: 1 } // 内容相同但不同引用
const obj3 = obj1 // 同一引用

objSet.add(obj1)
objSet.add(obj2)
objSet.add(obj3) // 重复引用被忽略

console.log(objSet.size) // 2（obj1 和 obj2）
console.log([...objSet]) // [{id:1}, {id:1}]
</script>

<style lang="less" scoped></style>
